<template>
  <el-drawer
    title="详情"
    size="1000px"
    :visible.sync="$attrs.visible"
    :before-close="handleClose"
  >
    <sop-content :planList="planList" />
  </el-drawer>
</template>

<script>
import SopContent from './SopContent.vue';
export default {
  data() {
    return {
        planList:[
            {id:1,content:''},
            {id:2,content:''},
            {id:3,content:''},
        ],
    };
  },
  components:{
    SopContent
  },
  methods: {
    handleClose() {
      this.$emit("update:visible", false);
    },
  },
};
</script>